<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/tinymce/skins/ui/oxide/skin.min.css" media="all">
    <link rel="stylesheet" href="/tinymce/skins/ui/oxide/content.min.css" media="all">
    <link rel="stylesheet" href="/tinymce/skins/content/default/content.min.css" media="all">
    <link rel="stylesheet" href="/editor/css/style.css" />
    <link rel="stylesheet" href="/editor/css/editormd.css" />

    <script src="/js/jquery-1.12.1.min.js"></script>
    <script src="/editor/lib/marked.min.js"></script>
    <script src="/editor/lib/prettify.min.js"></script>

    <script src="/editor/lib/raphael.min.js"></script>
    <script src="/editor/lib/underscore.min.js"></script>
    <script src="/editor/lib/sequence-diagram.min.js"></script>
    <script src="/editor/lib/flowchart.min.js"></script>
    <script src="/editor/lib/jquery.flowchart.min.js"></script>
    <script src="/editor/editormd.js"></script>
</head>
<body>
<#include "utils/common.html">

<@contentmodel contentId=contentId>
<#if result ??>
<div>
    <div align="center"><h2>${result.title}</h2></div>
    <div align="center"><a>作者: ${result.realname}</a></div>
    <br>
    <div align="center" ><a>创作时间: ${result.createdate}</a></div>
    <div style="padding-right: 100px;padding-left: 100px">
        <hr>
        <div id="test-editormd-view">
                            <textarea class="editormd-html-preview">
                                     ${result.content}
                            </textarea>
        </div>

    </div>
</div>
</#if>
</@contentmodel>


<script>
    $(function() {
        var testEditormdView;

        testEditormdView = editormd.markdownToHTML("test-editormd-view", {
            //   htmlDecode      : "style,script,iframe",  // you can filter tags decode
            emoji           : true,
            taskList        : true,
            tex             : true,  //
            flowChart       : true,  //
            sequenceDiagram : true,  //
        });
    });
</script>

</body>
</html>